<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>我的奖励</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="http://fwp.juboon.com:80/fwp/ui/web/style/main.css">
		<link rel="stylesheet" type="text/css" href="http://fwp.juboon.com:80/fwp/ui/web/style/iconfont/iconfont.css">
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	</head>
	<script>
		//获取像素比
		var pixelRatio = 1 / window.devicePixelRatio;
		//通过js动态设置视口(viewport)
		// document.write('<meta name="viewport" content="width=device-width,initial-scale='+pixelRatio+',minimum-scale='+pixelRatio+',maximum-scale='+pixelRatio+'" />');
		// 获取html节点
		var html = document.getElementsByTagName('html')[0];
		// 获取屏幕宽度
		var pageWidth = html.getBoundingClientRect().width;
		// 屏幕宽度 / 固定数值 = 基准值
		html.style.fontSize = pageWidth / 16 + "px";
	</script>

	<body data-type = 'prize'>
		<div class="container commission_bg">
			<div class="commission">
				<div class="box">
					<h3 class="title"><i class="icon1"></i><em>我的佣金</em></h3>
					<a href="http://renren.93liu.cn/test/commissionDetail.html" class="detail">查看佣金明细&nbsp;&gt;</a>
					<div class="money">&yen;<span class="commi"></span></div>
					<div class="month">本月预计佣金：<span></span></div>
				</div>
				<div class="link">
					<a href="#" id="link_popup"><em>申请提现/兑换流量</em><i>&gt;</i></a>
					<a href="#" id="link_popup1"><em>提现/兑换记录</em><i>&gt;</i></a>
				</div>
			</div>
			<!--<div class="commission">
				<div class="box">
					<h3 class="title"><i class="icon2"></i><em>我的微豆</em></h3>
					<a href="http://fwp.juboon.com:80/fwp/wo/wap/prize/integralRecord" class="detail">查看微豆明细&nbsp;&gt;</a>
					<div class="money">0</div>
				</div>
				<div class="link">
					<a href="http://fwp.juboon.com:80/fwp/wo/wap/prize/creditChange"><em>微豆兑换</em><i>&gt;</i></a>
				</div>
			</div>-->
		</div>

		<!-- 成为代理商弹窗 -->
		<div class="liwu_popup">
			<!-- 成为代理商内容 -->
			<div class="liwu_popup_con daili_popup_con">
				<section>
					<i id="daili_img"></i>
					<p>绑定号码，成为自然人/营业员。推荐业务，佣金随处可拿！</p>
				</section>
				<!-- <div class="daili_close"><i class="iconfont icon-cha"></i></div> -->
				<div class="liwu_popup_close">
					<a href="" style="color:#fff;width:100%;height:100%;display:block;">马上绑定</a>
				</div>
				<i class="line"></i>
				<div class="apply_close_btn"></div>
			</div>
		</div>
		<!-- END成为代理商弹窗 -->

		<script type="text/javascript">
		if($(".container").outerHeight() < $(document).height()) {
			$('.container').height($(document).height());
		}
		$("#link_popup").click(function() {
			$(".liwu_popup").show();
			$(".liwu_popup").css("top", "0");
			$(".liwu_popup_con").show();
			$(".liwu_popup_con").addClass("liwu_popup_top");
		})
		$(".daili_close").click(function() {
			$(".liwu_popup").hide();
			$(".liwu_popup_con").removeClass("liwu_popup_top");
		})
		$(".liwu_popup_close").click(function() {
			$(".liwu_popup").hide();
			$(".liwu_popup_con").removeClass("liwu_popup_top");
		})
		$("#link_popup1").click(function() {
			$(".liwu_popup").show();
			$(".liwu_popup").css("top", "0");
			$(".liwu_popup_con").show();
			$(".liwu_popup_con").addClass("liwu_popup_top");
		})
		$(".apply_close_btn").click(function() {
			$(".liwu_popup").hide();
			$(".liwu_popup_con").removeClass("liwu_popup_top");
		})
		$(".liwu_popup_close").click(function() {
			$(".liwu_popup").hide();
			$(".liwu_popup_con").removeClass("liwu_popup_top");
		})
	</script>

	<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/app.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>